<template>
  <div id="app">
    <div class="building">
    <view class="bg-colore"></view>
      <el-container>
        <el-header>
          <h2 class="left">李光磊项目的经典导航页面</h2>
        </el-header>
        <el-main>
          <router-view></router-view>
        </el-main>
        <el-footer>
          <div class="foot">承办单位：个人</div>
        </el-footer>
      </el-container>
    </div>
  </div>
</template>

<script>

</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*text-align: center;*/
  color: #2c3e50;
  margin-top: 0px;
}
body{
  margin:0;
  padding:0;
  border:0
}
.building{
  background:url("./assets/code-wallpaper-6.png");
  width:100%;
  height:100%;
 /* position:fixed;*/
  background-size:100% 100%;
}
.left{
  line-height: 20px;
}
.el-header{
  /*background-color: #409EFF;*/
  /*position: fixed;*/
  /*left: 50%;*/
  /*top: 50%;*/
  /*transform: translate(-50%,-50%);*/
  background:rgba(255,255,255,0.8);
  /*color: #ffffff;*/
  /*text-align: center;*/
}
.el-main{
  height: 100vh;
  /*background-color: #DCDFE6;*/
}
.el-footer{
  text-align: center;
  line-height: 60px;
  background: rgba(180, 173, 173, 0.7);
/*  background-color: #909399;*/
}
</style>
